
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiugaimima"></use>
                    </svg>
                    <div class="name">修改密码</div>
                    <div class="fontclass">#icon-xiugaimima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaijiecaidan"></use>
                    </svg>
                    <div class="name">快捷菜单</div>
                    <div class="fontclass">#icon-kuaijiecaidan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tuichu"></use>
                    </svg>
                    <div class="name">退出</div>
                    <div class="fontclass">#icon-tuichu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiugaimima1"></use>
                    </svg>
                    <div class="name">修改密码</div>
                    <div class="fontclass">#icon-xiugaimima1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tuichu1"></use>
                    </svg>
                    <div class="name">退出</div>
                    <div class="fontclass">#icon-tuichu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaijiecaidan1"></use>
                    </svg>
                    <div class="name">快捷菜单</div>
                    <div class="fontclass">#icon-kuaijiecaidan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jichushuju"></use>
                    </svg>
                    <div class="name">基础数据</div>
                    <div class="fontclass">#icon-jichushuju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-360duguanli"></use>
                    </svg>
                    <div class="name">360度管理</div>
                    <div class="fontclass">#icon-360duguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yingxiaoguanhuai"></use>
                    </svg>
                    <div class="name">营销关怀</div>
                    <div class="fontclass">#icon-yingxiaoguanhuai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kehufuwu"></use>
                    </svg>
                    <div class="name">客户服务</div>
                    <div class="fontclass">#icon-kehufuwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitongguanli"></use>
                    </svg>
                    <div class="name">系统管理</div>
                    <div class="fontclass">#icon-xitongguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongjibaobiao"></use>
                    </svg>
                    <div class="name">统计报表</div>
                    <div class="fontclass">#icon-tongjibaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zitikuozhan"></use>
                    </svg>
                    <div class="name">标签定义</div>
                    <div class="fontclass">#icon-zitikuozhan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuankuozhan"></use>
                    </svg>
                    <div class="name">会员扩展</div>
                    <div class="fontclass">#icon-huiyuankuozhan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenlei"></use>
                    </svg>
                    <div class="name">分类</div>
                    <div class="fontclass">#icon-fenlei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingdankuozhan"></use>
                    </svg>
                    <div class="name">订单扩展</div>
                    <div class="fontclass">#icon-dingdankuozhan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingdankuozhan2"></use>
                    </svg>
                    <div class="name">订单扩展2</div>
                    <div class="fontclass">#icon-dingdankuozhan2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangpinkuozhan"></use>
                    </svg>
                    <div class="name">商品扩展</div>
                    <div class="fontclass">#icon-shangpinkuozhan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziduankuozhan"></use>
                    </svg>
                    <div class="name">字段扩展</div>
                    <div class="fontclass">#icon-ziduankuozhan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuozhanxinxi"></use>
                    </svg>
                    <div class="name">扩展信息</div>
                    <div class="fontclass">#icon-kuozhanxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingdanzhifufangshi"></use>
                    </svg>
                    <div class="name">订单支付方式</div>
                    <div class="fontclass">#icon-dingdanzhifufangshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingdankuozhan3"></use>
                    </svg>
                    <div class="name">订单扩展3</div>
                    <div class="fontclass">#icon-dingdankuozhan3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-1jituan"></use>
                    </svg>
                    <div class="name">1集团</div>
                    <div class="fontclass">#icon-1jituan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-2fengongsi"></use>
                    </svg>
                    <div class="name">2分公司</div>
                    <div class="fontclass">#icon-2fengongsi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-3daqu"></use>
                    </svg>
                    <div class="name">3大区</div>
                    <div class="fontclass">#icon-3daqu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-4banshichu"></use>
                    </svg>
                    <div class="name">4办事处</div>
                    <div class="fontclass">#icon-4banshichu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-5dianpuzu"></use>
                    </svg>
                    <div class="name">5店铺组</div>
                    <div class="fontclass">#icon-5dianpuzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-6dianpu"></use>
                    </svg>
                    <div class="name">6店铺</div>
                    <div class="fontclass">#icon-6dianpu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jichuxinxi"></use>
                    </svg>
                    <div class="name">基础信息</div>
                    <div class="fontclass">#icon-jichuxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangpinguanli"></use>
                    </svg>
                    <div class="name">商品管理</div>
                    <div class="fontclass">#icon-shangpinguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingdanguanli"></use>
                    </svg>
                    <div class="name">订单管理</div>
                    <div class="fontclass">#icon-dingdanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shendufenxi"></use>
                    </svg>
                    <div class="name">深度分析</div>
                    <div class="fontclass">#icon-shendufenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanquanyi"></use>
                    </svg>
                    <div class="name">会员权益</div>
                    <div class="fontclass">#icon-huiyuanquanyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yingxiaohuodong"></use>
                    </svg>
                    <div class="name">营销活动</div>
                    <div class="fontclass">#icon-yingxiaohuodong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cuxiaohuodong"></use>
                    </svg>
                    <div class="name">促销活动</div>
                    <div class="fontclass">#icon-cuxiaohuodong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenjuandiaoyan"></use>
                    </svg>
                    <div class="name">问卷调研</div>
                    <div class="fontclass">#icon-wenjuandiaoyan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuwudianping"></use>
                    </svg>
                    <div class="name">服务点评</div>
                    <div class="fontclass">#icon-fuwudianping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuantousu"></use>
                    </svg>
                    <div class="name">会员投诉</div>
                    <div class="fontclass">#icon-huiyuantousu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoshoubaobiao"></use>
                    </svg>
                    <div class="name">销售报表</div>
                    <div class="fontclass">#icon-xiaoshoubaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-crmbaobiao"></use>
                    </svg>
                    <div class="name">CRM报表</div>
                    <div class="fontclass">#icon-crmbaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitongpeizhi"></use>
                    </svg>
                    <div class="name">系统配置</div>
                    <div class="fontclass">#icon-xitongpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pinpaiguanli"></use>
                    </svg>
                    <div class="name">品牌管理</div>
                    <div class="fontclass">#icon-pinpaiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-leibieguanli"></use>
                    </svg>
                    <div class="name">类别管理</div>
                    <div class="fontclass">#icon-leibieguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tuidanguanli"></use>
                    </svg>
                    <div class="name">退单管理</div>
                    <div class="fontclass">#icon-tuidanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huodongxiaoxi"></use>
                    </svg>
                    <div class="name">活动消息</div>
                    <div class="fontclass">#icon-huodongxiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanbiaoqian"></use>
                    </svg>
                    <div class="name">会员标签</div>
                    <div class="fontclass">#icon-huiyuanbiaoqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuandengji"></use>
                    </svg>
                    <div class="name">会员等级</div>
                    <div class="fontclass">#icon-huiyuandengji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanxiaoxi"></use>
                    </svg>
                    <div class="name">会员消息</div>
                    <div class="fontclass">#icon-huiyuanxiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanguanli"></use>
                    </svg>
                    <div class="name">会员管理</div>
                    <div class="fontclass">#icon-huiyuanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuandaoru"></use>
                    </svg>
                    <div class="name">会员导入</div>
                    <div class="fontclass">#icon-huiyuandaoru</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanhuaxiang"></use>
                    </svg>
                    <div class="name">会员画像</div>
                    <div class="fontclass">#icon-huiyuanhuaxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanfenzu"></use>
                    </svg>
                    <div class="name">会员分组</div>
                    <div class="fontclass">#icon-huiyuanfenzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanmingdan"></use>
                    </svg>
                    <div class="name">会员名单</div>
                    <div class="fontclass">#icon-huiyuanmingdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-heimingdanguanli"></use>
                    </svg>
                    <div class="name">黑名单管理</div>
                    <div class="fontclass">#icon-heimingdanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rfmjiaochafenxi"></use>
                    </svg>
                    <div class="name">RFM交叉分析</div>
                    <div class="fontclass">#icon-rfmjiaochafenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huaxiangduibifenxi"></use>
                    </svg>
                    <div class="name">画像对比分析</div>
                    <div class="fontclass">#icon-huaxiangduibifenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qudaoqushiduibifenxi"></use>
                    </svg>
                    <div class="name">渠道趋势对比分析</div>
                    <div class="fontclass">#icon-qudaoqushiduibifenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanqiaguanli"></use>
                    </svg>
                    <div class="name">会员卡管理</div>
                    <div class="fontclass">#icon-huiyuanqiaguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanqiamingxiguanli"></use>
                    </svg>
                    <div class="name">会员卡明细管理</div>
                    <div class="fontclass">#icon-huiyuanqiamingxiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanqialeixingguanli"></use>
                    </svg>
                    <div class="name">会员卡类型管理</div>
                    <div class="fontclass">#icon-huiyuanqialeixingguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jifenguanli"></use>
                    </svg>
                    <div class="name">积分管理</div>
                    <div class="fontclass">#icon-jifenguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jifenmingxiguanli"></use>
                    </svg>
                    <div class="name">积分明细管理</div>
                    <div class="fontclass">#icon-jifenmingxiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kehutuijian"></use>
                    </svg>
                    <div class="name">客户推荐</div>
                    <div class="fontclass">#icon-kehutuijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bangdingshujuyuan"></use>
                    </svg>
                    <div class="name">绑定数据源</div>
                    <div class="fontclass">#icon-bangdingshujuyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoximoban"></use>
                    </svg>
                    <div class="name">消息模板</div>
                    <div class="fontclass">#icon-xiaoximoban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuwurenwuguanli"></use>
                    </svg>
                    <div class="name">服务任务管理</div>
                    <div class="fontclass">#icon-fuwurenwuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duanxinfasongrizhi"></use>
                    </svg>
                    <div class="name">短信发送日志</div>
                    <div class="fontclass">#icon-duanxinfasongrizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duanxinapptuisongmoban"></use>
                    </svg>
                    <div class="name">短信-App推送模板</div>
                    <div class="fontclass">#icon-duanxinapptuisongmoban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huodongguanli"></use>
                    </svg>
                    <div class="name">活动管理</div>
                    <div class="fontclass">#icon-huodongguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huodongjiankong"></use>
                    </svg>
                    <div class="name">活动监控</div>
                    <div class="fontclass">#icon-huodongjiankong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cuxiaoguanli"></use>
                    </svg>
                    <div class="name">促销管理</div>
                    <div class="fontclass">#icon-cuxiaoguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jifenshangcheng"></use>
                    </svg>
                    <div class="name">积分商城</div>
                    <div class="fontclass">#icon-jifenshangcheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youhuiquanguanli"></use>
                    </svg>
                    <div class="name">优惠券管理</div>
                    <div class="fontclass">#icon-youhuiquanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yonghucuxiao"></use>
                    </svg>
                    <div class="name">用户促销</div>
                    <div class="fontclass">#icon-yonghucuxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zengpinguizeguanli"></use>
                    </svg>
                    <div class="name">赠品规则管理</div>
                    <div class="fontclass">#icon-zengpinguizeguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanzengpinguanli"></use>
                    </svg>
                    <div class="name">会员赠品管理</div>
                    <div class="fontclass">#icon-huiyuanzengpinguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuanpanshezhi"></use>
                    </svg>
                    <div class="name">转盘设置</div>
                    <div class="fontclass">#icon-zhuanpanshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuanpanjieguo"></use>
                    </svg>
                    <div class="name">转盘结果</div>
                    <div class="fontclass">#icon-zhuanpanjieguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenjuanguanli"></use>
                    </svg>
                    <div class="name">问卷管理</div>
                    <div class="fontclass">#icon-wenjuanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenjuandaan"></use>
                    </svg>
                    <div class="name">问卷答案</div>
                    <div class="fontclass">#icon-wenjuandaan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiangdaguanli"></use>
                    </svg>
                    <div class="name">抢答管理</div>
                    <div class="fontclass">#icon-qiangdaguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiangdadaan"></use>
                    </svg>
                    <div class="name">抢答答案</div>
                    <div class="fontclass">#icon-qiangdadaan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuwudianpingdingyi"></use>
                    </svg>
                    <div class="name">服务点评定义</div>
                    <div class="fontclass">#icon-fuwudianpingdingyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangpindianping"></use>
                    </svg>
                    <div class="name">商品点评</div>
                    <div class="fontclass">#icon-shangpindianping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mendiandianping"></use>
                    </svg>
                    <div class="name">门店点评</div>
                    <div class="fontclass">#icon-mendiandianping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-badianping"></use>
                    </svg>
                    <div class="name">Ba点评</div>
                    <div class="fontclass">#icon-badianping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuwutiyandingyi"></use>
                    </svg>
                    <div class="name">服务体验定义</div>
                    <div class="fontclass">#icon-fuwutiyandingyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuwutiyanguanli"></use>
                    </svg>
                    <div class="name">服务体验管理</div>
                    <div class="fontclass">#icon-fuwutiyanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tousuguanli"></use>
                    </svg>
                    <div class="name">投诉管理</div>
                    <div class="fontclass">#icon-tousuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinjiantousu"></use>
                    </svg>
                    <div class="name">新建投诉</div>
                    <div class="fontclass">#icon-xinjiantousu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tousuzidian"></use>
                    </svg>
                    <div class="name">投诉字典</div>
                    <div class="fontclass">#icon-tousuzidian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingdanbaobiao"></use>
                    </svg>
                    <div class="name">订单报表</div>
                    <div class="fontclass">#icon-dingdanbaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meirixiaoshoubaobiao"></use>
                    </svg>
                    <div class="name">每日销售报表</div>
                    <div class="fontclass">#icon-meirixiaoshoubaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuanjifenshixiaobaobiao"></use>
                    </svg>
                    <div class="name">会员积分失效报表</div>
                    <div class="fontclass">#icon-huiyuanjifenshixiaobaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujuzidian"></use>
                    </svg>
                    <div class="name">数据字典</div>
                    <div class="fontclass">#icon-shujuzidian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianmaguize"></use>
                    </svg>
                    <div class="name">编码规则</div>
                    <div class="fontclass">#icon-bianmaguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitongcanshu"></use>
                    </svg>
                    <div class="name">系统参数</div>
                    <div class="fontclass">#icon-xitongcanshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuwujiekou"></use>
                    </svg>
                    <div class="name">服务接口</div>
                    <div class="fontclass">#icon-fuwujiekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duoyuyan"></use>
                    </svg>
                    <div class="name">多语言</div>
                    <div class="fontclass">#icon-duoyuyan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitongshiti"></use>
                    </svg>
                    <div class="name">系统实体</div>
                    <div class="fontclass">#icon-xitongshiti</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuaduancanshu"></use>
                    </svg>
                    <div class="name">跨段参数</div>
                    <div class="fontclass">#icon-kuaduancanshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shitifenzu"></use>
                    </svg>
                    <div class="name">实体分组</div>
                    <div class="fontclass">#icon-shitifenzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuzhibumen"></use>
                    </svg>
                    <div class="name">组织部门</div>
                    <div class="fontclass">#icon-zuzhibumen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoshoutixi"></use>
                    </svg>
                    <div class="name">销售体系</div>
                    <div class="fontclass">#icon-xiaoshoutixi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huodongyumingxi"></use>
                    </svg>
                    <div class="name">活动与明细</div>
                    <div class="fontclass">#icon-huodongyumingxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-uishezhi"></use>
                    </svg>
                    <div class="name">UI设置</div>
                    <div class="fontclass">#icon-uishezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zidingyiyemian"></use>
                    </svg>
                    <div class="name">自定义页面</div>
                    <div class="fontclass">#icon-zidingyiyemian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuozhanshuxing"></use>
                    </svg>
                    <div class="name">扩展属性</div>
                    <div class="fontclass">#icon-kuozhanshuxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xitongcaozuorizhi"></use>
                    </svg>
                    <div class="name">系统操作日志</div>
                    <div class="fontclass">#icon-xitongcaozuorizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-apixitongrizhi"></use>
                    </svg>
                    <div class="name">API系统日志</div>
                    <div class="fontclass">#icon-apixitongrizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayinbaobiao"></use>
                    </svg>
                    <div class="name">打印报表</div>
                    <div class="fontclass">#icon-dayinbaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zidingyibaobiao"></use>
                    </svg>
                    <div class="name">自定义报表</div>
                    <div class="fontclass">#icon-zidingyibaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinjian"></use>
                    </svg>
                    <div class="name">新建</div>
                    <div class="fontclass">#icon-xinjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiugai"></use>
                    </svg>
                    <div class="name">修改</div>
                    <div class="fontclass">#icon-xiugai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chakan"></use>
                    </svg>
                    <div class="name">查看</div>
                    <div class="fontclass">#icon-chakan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaxin"></use>
                    </svg>
                    <div class="name">刷新</div>
                    <div class="fontclass">#icon-shuaxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wancheng"></use>
                    </svg>
                    <div class="name">完成</div>
                    <div class="fontclass">#icon-wancheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shenhe"></use>
                    </svg>
                    <div class="name">审核</div>
                    <div class="fontclass">#icon-shenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bohui"></use>
                    </svg>
                    <div class="name">驳回</div>
                    <div class="fontclass">#icon-bohui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuofei"></use>
                    </svg>
                    <div class="name">作废</div>
                    <div class="fontclass">#icon-zuofei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shanchu"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#icon-shanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiyong"></use>
                    </svg>
                    <div class="name">启用</div>
                    <div class="fontclass">#icon-qiyong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tingyong"></use>
                    </svg>
                    <div class="name">停用</div>
                    <div class="fontclass">#icon-tingyong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiankongfuwu"></use>
                    </svg>
                    <div class="name">监控服务</div>
                    <div class="fontclass">#icon-jiankongfuwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daoru"></use>
                    </svg>
                    <div class="name">导入</div>
                    <div class="fontclass">#icon-daoru</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daochu"></use>
                    </svg>
                    <div class="name">导出</div>
                    <div class="fontclass">#icon-daochu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjiazijiedian"></use>
                    </svg>
                    <div class="name">添加子节点</div>
                    <div class="fontclass">#icon-tianjiazijiedian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shanchuzijiedian"></use>
                    </svg>
                    <div class="name">删除(子节点)</div>
                    <div class="fontclass">#icon-shanchuzijiedian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuzhipeizhi"></use>
                    </svg>
                    <div class="name">复制配置</div>
                    <div class="fontclass">#icon-fuzhipeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhantiepeizhi"></use>
                    </svg>
                    <div class="name">粘贴配置</div>
                    <div class="fontclass">#icon-zhantiepeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocun"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-baocun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocunbuju"></use>
                    </svg>
                    <div class="name">保存布局</div>
                    <div class="fontclass">#icon-baocunbuju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quxiao"></use>
                    </svg>
                    <div class="name">取消</div>
                    <div class="fontclass">#icon-quxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#icon-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenpei"></use>
                    </svg>
                    <div class="name">分配</div>
                    <div class="fontclass">#icon-fenpei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangyitiao"></use>
                    </svg>
                    <div class="name">上一条</div>
                    <div class="fontclass">#icon-shangyitiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiayitiao"></use>
                    </svg>
                    <div class="name">下一条</div>
                    <div class="fontclass">#icon-xiayitiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianqie"></use>
                    </svg>
                    <div class="name">剪切</div>
                    <div class="fontclass">#icon-jianqie</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanze"></use>
                    </svg>
                    <div class="name">选择</div>
                    <div class="fontclass">#icon-xuanze</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinjianzixiang"></use>
                    </svg>
                    <div class="name">新建子项</div>
                    <div class="fontclass">#icon-xinjianzixiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tuijianfantuijian"></use>
                    </svg>
                    <div class="name">推荐-反推荐</div>
                    <div class="fontclass">#icon-tuijianfantuijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huifu"></use>
                    </svg>
                    <div class="name">恢复</div>
                    <div class="fontclass">#icon-huifu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanzehuiyuan"></use>
                    </svg>
                    <div class="name">选择会员</div>
                    <div class="fontclass">#icon-xuanzehuiyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jihuo"></use>
                    </svg>
                    <div class="name">激活</div>
                    <div class="fontclass">#icon-jihuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaruheimingdan"></use>
                    </svg>
                    <div class="name">加入黑名单</div>
                    <div class="fontclass">#icon-jiaruheimingdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lishiguiji"></use>
                    </svg>
                    <div class="name">历史轨迹</div>
                    <div class="fontclass">#icon-lishiguiji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanzehuaxiang"></use>
                    </svg>
                    <div class="name">选择画像</div>
                    <div class="fontclass">#icon-xuanzehuaxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanzefenzu"></use>
                    </svg>
                    <div class="name">选择分组</div>
                    <div class="fontclass">#icon-xuanzefenzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanzebiaoqian"></use>
                    </svg>
                    <div class="name">选择标签</div>
                    <div class="fontclass">#icon-xuanzebiaoqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shengchenghuiyuanqia"></use>
                    </svg>
                    <div class="name">生成会员卡</div>
                    <div class="fontclass">#icon-shengchenghuiyuanqia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiaruku"></use>
                    </svg>
                    <div class="name">卡入库</div>
                    <div class="fontclass">#icon-qiaruku</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jifenbiangeng"></use>
                    </svg>
                    <div class="name">积分变更</div>
                    <div class="fontclass">#icon-jifenbiangeng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jifenmingxi"></use>
                    </svg>
                    <div class="name">积分明细</div>
                    <div class="fontclass">#icon-jifenmingxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhixingjihua"></use>
                    </svg>
                    <div class="name">执行计划</div>
                    <div class="fontclass">#icon-zhixingjihua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuangtaijiankong"></use>
                    </svg>
                    <div class="name">状态监控</div>
                    <div class="fontclass">#icon-zhuangtaijiankong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xingweifenxi"></use>
                    </svg>
                    <div class="name">行为分析</div>
                    <div class="fontclass">#icon-xingweifenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youhuimaguanli"></use>
                    </svg>
                    <div class="name">优惠码管理</div>
                    <div class="fontclass">#icon-youhuimaguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fahuo"></use>
                    </svg>
                    <div class="name">发货</div>
                    <div class="fontclass">#icon-fahuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fafang"></use>
                    </svg>
                    <div class="name">发放</div>
                    <div class="fontclass">#icon-fafang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhongzhimima"></use>
                    </svg>
                    <div class="name">重置密码</div>
                    <div class="fontclass">#icon-zhongzhimima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lizhi"></use>
                    </svg>
                    <div class="name">离职</div>
                    <div class="fontclass">#icon-lizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxitongxun"></use>
                    </svg>
                    <div class="name">消息通讯</div>
                    <div class="fontclass">#icon-xiaoxitongxun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-apptuisongmoban"></use>
                    </svg>
                    <div class="name">APP推送模板</div>
                    <div class="fontclass">#icon-apptuisongmoban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongzhixiaoximoban"></use>
                    </svg>
                    <div class="name">通知消息模板</div>
                    <div class="fontclass">#icon-tongzhixiaoximoban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiediankaishi"></use>
                    </svg>
                    <div class="name">节点-开始</div>
                    <div class="fontclass">#icon-jiediankaishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianjieshu"></use>
                    </svg>
                    <div class="name">节点-结束</div>
                    <div class="fontclass">#icon-jiedianjieshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianpanduan"></use>
                    </svg>
                    <div class="name">节点-判断</div>
                    <div class="fontclass">#icon-jiedianpanduan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianshijian"></use>
                    </svg>
                    <div class="name">节点-时间</div>
                    <div class="fontclass">#icon-jiedianshijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiediandengdai"></use>
                    </svg>
                    <div class="name">节点-等待</div>
                    <div class="fontclass">#icon-jiediandengdai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianziliucheng"></use>
                    </svg>
                    <div class="name">节点-子流程</div>
                    <div class="fontclass">#icon-jiedianziliucheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianxuanze"></use>
                    </svg>
                    <div class="name">节点-选择</div>
                    <div class="fontclass">#icon-jiedianxuanze</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianchaifen"></use>
                    </svg>
                    <div class="name">节点-拆分</div>
                    <div class="fontclass">#icon-jiedianchaifen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianhebing"></use>
                    </svg>
                    <div class="name">节点-合并</div>
                    <div class="fontclass">#icon-jiedianhebing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianpaichu"></use>
                    </svg>
                    <div class="name">节点-排除</div>
                    <div class="fontclass">#icon-jiedianpaichu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianchouyang"></use>
                    </svg>
                    <div class="name">节点-抽样</div>
                    <div class="fontclass">#icon-jiedianchouyang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianjiaoji"></use>
                    </svg>
                    <div class="name">节点-交集</div>
                    <div class="fontclass">#icon-jiedianjiaoji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiediantongji"></use>
                    </svg>
                    <div class="name">节点-统计</div>
                    <div class="fontclass">#icon-jiediantongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianduanxin"></use>
                    </svg>
                    <div class="name">节点-短信</div>
                    <div class="fontclass">#icon-jiedianduanxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianyoujian"></use>
                    </svg>
                    <div class="name">节点-邮件</div>
                    <div class="fontclass">#icon-jiedianyoujian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiediandianhua"></use>
                    </svg>
                    <div class="name">节点-电话</div>
                    <div class="fontclass">#icon-jiediandianhua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianyouhuiquan"></use>
                    </svg>
                    <div class="name">节点-优惠券</div>
                    <div class="fontclass">#icon-jiedianyouhuiquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianweixin"></use>
                    </svg>
                    <div class="name">节点-微信</div>
                    <div class="fontclass">#icon-jiedianweixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianapp"></use>
                    </svg>
                    <div class="name">节点-APP</div>
                    <div class="fontclass">#icon-jiedianapp</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiediancuxiao"></use>
                    </svg>
                    <div class="name">节点-促销</div>
                    <div class="fontclass">#icon-jiediancuxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianjifen"></use>
                    </svg>
                    <div class="name">节点-积分</div>
                    <div class="fontclass">#icon-jiedianjifen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiediansql"></use>
                    </svg>
                    <div class="name">节点-SQL</div>
                    <div class="fontclass">#icon-jiediansql</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianyouhuiquanxiangying"></use>
                    </svg>
                    <div class="name">节点-优惠券响应</div>
                    <div class="fontclass">#icon-jiedianyouhuiquanxiangying</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianyoujianxiangying"></use>
                    </svg>
                    <div class="name">节点-邮件响应</div>
                    <div class="fontclass">#icon-jiedianyoujianxiangying</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiediankehuxiangying"></use>
                    </svg>
                    <div class="name">节点-客户响应</div>
                    <div class="fontclass">#icon-jiediankehuxiangying</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianxiaoxituisong"></use>
                    </svg>
                    <div class="name">节点-消息推送</div>
                    <div class="fontclass">#icon-jiedianxiaoxituisong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-web"></use>
                    </svg>
                    <div class="name">节点-WEB</div>
                    <div class="fontclass">#icon-web</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianhuiyuanfenzu"></use>
                    </svg>
                    <div class="name">节点-会员分组</div>
                    <div class="fontclass">#icon-jiedianhuiyuanfenzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianhuiyuanmingdan"></use>
                    </svg>
                    <div class="name">节点-会员名单</div>
                    <div class="fontclass">#icon-jiedianhuiyuanmingdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianhuiyuanhuaxiang"></use>
                    </svg>
                    <div class="name">节点-会员画像</div>
                    <div class="fontclass">#icon-jiedianhuiyuanhuaxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianpanduanshangpin"></use>
                    </svg>
                    <div class="name">节点-判断商品</div>
                    <div class="fontclass">#icon-jiedianpanduanshangpin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianpanduanyouhuiquan"></use>
                    </svg>
                    <div class="name">节点-判断优惠券</div>
                    <div class="fontclass">#icon-jiedianpanduanyouhuiquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedianpanduandingdan"></use>
                    </svg>
                    <div class="name">节点-判断订单</div>
                    <div class="fontclass">#icon-jiedianpanduandingdan</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
